<template>
  
  <div>

       <van-row>
      <van-col span="24"><hea /></van-col>
    </van-row>
    <van-row>
      <van-col span="4"><left @get-id="getinfo" /></van-col>
      <van-col span="20">
        <van-row>
          <van-col span="24">
            <shu :data="grouplist" v-if="cat_id==2" @send-id="getcompany" :id="id" />
            <users1 v-if="cat_id == 4"/>
            <zhiwu v-if="cat_id == 5"/>
            <props v-if="cat_id == 6"/>
            <workflow v-if="cat_id == 14"/>
            <taskcenter v-if="cat_id == 15" />
            <resource v-if="cat_id== 16"/>
            <params v-if="cat_id == 17" />
          </van-col>
        </van-row>
      </van-col>
    </van-row>
  </div>

</template>

<script>
import axios from '../components/http/axios'
import left from "../components/comm/left.vue"
import hea from "../components/comm/hea.vue"
import shu from "../views/shu.vue"
import users1 from "../views/users1.vue"
import zhiwu from "../views/zhiwu.vue"
import props from "../views/props.vue"
import taskcenter from "../views/taskcenter.vue"
import workflow from "../views/workflow.vue"
import resource from "../views/resource.vue"
import params from "../views/params.vue"





export default {
  components: { hea,left,shu,users1,zhiwu,props,taskcenter,workflow,resource,params},

  data(){
    return{
      id:0,
      grouplist:[],
      cat_id:"",

    }
  },
  
  methods:{
     getinfo(val){
      // alert(val)
      this.cat_id=val
      this.getdata()
      // alert(this.cat_id)
    },

     getcompany(id){
      this.id=id
    },

    getdata(){
      axios('addzuzhi','get').then(res=>{
        this.grouplist = res.list
      })
    }
  }
}
</script>

<style>

</style>